/**
 * components.css
 *
 * Styles for various component-type elements
 */

.generalbox h2,
h3.sectionname,
h2.headingblock,
h2.main,
h3.main,
h2.main a,
h3.main a,
div.loginpanel h2,
div.signuppanel h2,
.forumpost .subject {
    color: [[setting:heading_fore]];
    background: [[setting:heading_back]];
}

/* .generalbox */
.generalbox {
    border: 1px solid #DDD;
}

.generalbox,
#intro.generalbox {
    padding: 12px;
    padding: .6rem;
    margin-bottom: 16px;
    margin-bottom: 1rem;
}

#notice.generalbox {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.generalbox,
.box.contents,
.box.generalbox {
    background-color: [[setting:generalbox_back]];
    border-color: [[setting:generalbox_fore]];
}

/* .generaltable */
.generaltable,
.userinfobox {
    margin-left: auto;
    margin-right: auto;
}

.generaltable {
    border: 1px solid #DDD;
}

.generaltable .cell {
    background-color: #FFF;
    border: 1px solid #EEE;
    border-collapse: collapse;
}

.generaltable .header {
    background-color: #EEE;
    border: 1px solid #EEE;
    font-weight: bold;
}

.generaltable td {
    border-width: 0;
}

/* .box */
.box.adminwarning {
    border: 1px solid #C8C9C7;
    background-color: #E3E3E3;
}

/* .coursebox */
.coursebox {
    width: 100%;
    overflow: hidden;
    padding: .5em;
    margin: 0;
}

.coursebox .info {
    width: 35%;
    float: left;
}

.coursebox .summary {
    width: 60%;
    float: right;
}

/* .course-content */
.course-content ul {
    margin: 0;
}

.course-content .summary ul,
.modtype_label ul {
    margin-left: 2em;
}

.course-content .headingblock.outline {
    margin-top: 2em;
}

.course-content .section.main {
    margin-bottom: 10px;
    border: 1px solid #E3E3E3;
}

.course-content .section.main .left.side {
    float: left;
    width: 20px;
    padding: 5px;
}

.course-content .section.main .right.side {
    float: right;
    width: 20px;
    padding: 5px;
}

.course-content .section.main .content,
.course-content ul.weeks li.section .content {
    margin: 0 30px 0 30px;
    padding: 10px 10px 10px 10px;
}

.course-content .section.main .content .section_add_menus {
    text-align: right;
}

.course-content li.section {
    color: [[setting:section_fore]];
    background: [[setting:section_back]];
}

.course-content li.section .content {
    color: [[setting:sectioncontent_fore]];
    background: [[setting:sectioncontent_back]];
}

.course-content li.section.current {
    color: [[setting:current_fore]];
    background: [[setting:current_back]];
}

.course-content li.section.current .content {
    background: [[setting:current_content_back]];
}

/* #course-user */
/**
 * TODO: According to grep this ID isn't used in the site.
 * Create a separate task to determine whether these selectors are necessary.
 */
#course-user .section {
    margin: 0 5% 1.5em 5%;
    border: 1px solid #DDD;
}

#course-user .section h2,
#course-user .section .content {
    margin: 5px 1em;
}

#course-user .section table td {
    border: 0;
}

/** .user **/
.user .rolesform,
.user .searchform,
.user #showall,
.user #participantsform {
    text-align: center;
}

.user #participantsform table {
    margin-top: 1em;
}

.user #participantsform td {
    text-align: left;
}

.user table.controls {
    margin: 5px auto;
    border-collapse: collapse;
    border: 1px solid #DDD;
    background-color: [[setting:block_back]];
}

.user table.controls td {
    border-width: 0;
}

/* .notify* */
.notifyproblem {
    padding: 10px;
    text-align: center;
    color: #600;
}

.notifysuccess {
    padding: 10px;
    text-align: center;
    color: #060;
}

.paging {
    text-align: center;
}

.groupmanagementtable {
    width: 90%;
}

.groupmanagementtable td {
    vertical-align: top;
    border-width: 0;
}

.groupmanagementtable td p {
    margin: 0;
}

#adminsettings fieldset {
    padding: 1.5em;
    margin: 0;
    border: 1px solid #C8C9C7;
    background-color: [[setting:block_back]];
}

.onerow.here.selected span,
.onerow.here.selected a {
    font-weight: bolder;
    padding-top: 15px;
}

.user-enroller-panel {
    z-index: 99999 !important;
}

/* .headingblock */
.headingblock.header {
    display: [[setting:headingbar]];
}

h2.headingblock {
    color: [[setting:heading_fore]];
    background: [[setting:heading_back]] [[setting:headingback]];
}

.headingblock {
    border-bottom: 1px solid #E3DFD4;
}

/* .loginbox */
.loginbox {
    margin-top: 15px;
    margin-bottom: 15px;
}

.loginbox .loginform {
    margin-top: 15px;
}

.loginbox .guestsub {
    border-top: 1px solid #DDD;
    margin-left: 10%;
    margin-right: 10%;
    padding: 10px;
    margin-bottom: 5px;
}

.loginbox .loginsub {
    margin-left: 10%;
    margin-right: 10%;
    padding: 10px;
    margin-bottom: 5px;
}

.loginbox.twocolumns {
    border: 1px solid #DDD;
}

.loginbox.twocolumns .signuppanel {
    border-left: 1px solid #DDD;
    float: left;
    width: 50%;
}

.loginbox .loginform .form-label {
    float: left;
    text-align: right;
}

.loginbox .loginform .form-input {
    float: right;
    text-align: left;
}

.loginbox .loginform .form-input input {
    width: 6em;
}

.loginbox.twocolumns .loginpanel {
    float: left;
    width: 49%;
    text-align: center;
}

.loginbox.twocolumns .signuppanel h2 {
    text-align: center;
}

.loginbox.twocolumns .signuppanel div {
    margin: 1em;
}

/* TODO: This id doesn't appear in this theme when using grep. We should test removing it in a subsequent task. */
 #loggedinas {
    color: [[setting:blockheader_fore]] !important;
}

/* TODO: These ids don't appear in this theme when using grep. We should test removing it in a subsequent task. */
#navigation li a,
.headingtitle h1 {
    color: [[setting:link_fore]];
    text-shadow: -1px 1px 1px [[setting:titleshadow_fore]];
}

.centered {
    text-align: center;
}

img.icon,
img.iconhelp {
    vertical-align: middle;
}

/** Admin **/
.box.adminwarning {
    text-align: center;
    margin-bottom: 1em;
    padding: 10px 10%;
}

.box.copyright {
    text-align: center;
    padding: 10px 10%;
}

#adminsettings .form-buttons {
    margin-left: 13em;
}

#adminsettings .form-item #id_s_theme_rlmaster_colors {
    margin-left: 0;
}

#id_s_theme_rlmaster_colors .color_settings fieldset {
    margin: 1em 0 1em 0;
}

/* .form-item */
.form-item {
    width: 100%;
    margin: 1em 1em 2em 1em;
}

.form-item .form-label {
    width: 12.5em;
    text-align: right;
    float: left;
    margin-right: 0.5em;
}

.form-item .form-label .form-shortname {
    display: block;
}

.form-item .form-setting {
    margin-left: 13em;
}

.form-item .form-setting .defaultsnext {
    display: inline;
}

.form-item .form-setting .form-defaultinfo {
    display: inline;
    margin-left: 0.5em;
}

.form-item .form-description {
    margin: 0.5em 1em 0.5em 13em;
}

.form-item .form-textarea textarea {
    width: 495px;
}

.form-item .form-label .form-shortname,
.form-item .form-setting .form-defaultinfo {
    color: #666;
}

/* #authmenu */
#authmenu .informationbox {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #C8C9C7;
}

#authmenu table td {
    border-width: 0;
}

/* #categoryquestions */
#categoryquestions {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.user th a:link,
#categoryquestions th a:link,
.group  th a:link,
.admin table tr th a:link {
    text-decoration: none;
    color: black;
}

.user th a:visited,
#categoryquestions th a:visited,
.group th a:visited,
.admin table tr th a:visited {
    text-decoration: underline;
}

.user tr td.cell,
#categoryquestions tr td.cell,
.group tr td.cell,
.admin table tr td.cell {
    border-width: 0 1px;
    border: 1px solid #C8C9C7;
    background-color: #EEE;
}

#categoryquestions th,
.user th,
.user th.header,
.group th.header,
.admin table tr th,
.admin table tr th.header {
    border-width: 1px;
    background-color: [[setting:heading_back]];
    color: [[setting:heading_fore]];
    border: 2px solid [[setting:heading_back]];
    border-bottom-color: [[setting:main_fore]];
    color: black;
}

.user th a:link,
#categoryquestions th a:link,
.group  th a:link,
.admin table tr th a:link,
.user th a:visited,
#categoryquestions th a:visited,
.group th a:visited,
.admin table tr th a:visited {
    color: #FFF;
}

.admin .plugincompattable .r1 .cell {
    background-color: #FFF;
}

/* #permissions */
#permissions th,
#permissions td {
    padding: 0.5em;
    border-bottom: 1px solid #000;
}

#permissions tr {
    background-color: #EEE;
}

#permissions tr.rolecapheading {
    border-top: 1px black;
    background-color: #E3DFD4;
}

.singlebutton {
    text-align: center;
    margin: 20px;
}

.buttons {
    float: right;
    margin-top: -2px;
}

/* Override button float for #notice */
#notice .buttons {
    float: none;
    margin-top: 0;
}

#notice .buttons .singlebutton form input {
    margin: 0;
}
/* End override button float for #notice */

#page-content .region-content {
    padding: 0 10px;
}

.region-content .content .column {
    width: 100%;
}

.region-content .header .commands {
    width: 100%;
    text-align: right;
    margin-left: -6px;
    z-index: 10;
    float: none;
}

.buttons form {
    display: inline;
}

.buttons div {
    display: inline;
}

.buttons .singlebutton {
    display: inline;
    padding: 5px;
    margin: 0;
}

#admin-mnet-index table td,
#files-index .column-content table td {
    border-width: 0;
}

/** Tags **/
.tag-management-form {
    text-align: center;
}

#tag-management-list {
    margin-top: 1em;
}

/** .userinfobox **/
.userinfobox td {
    border-width: 0;
    vertical-align: top;
}

.userinfobox .side {
    width: 120px;
    text-align: center;
}

.userinfobox .list .label {
    font-weight: bold;
    text-align: right;
}

/* Purge Caches Redirect Message */
.pagelayout-redirect #popup {
    border: 1px solid gray;
    width: 60%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4em;
    padding: 2em;
}

/** Admin Block **/
.block_adminblock .content select {
    width: 100%;
}

/** Mforms **/
.mform fieldset {
    border-color: #C8C9C7;
}

/* Buttons */
input[type='submit'],
input[type='button'],
button[type='submit'] {
    font-family: inherit;
    font-size: 100%;
    *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
    *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
    padding: 0.5em 1em 0.5em;
    color: #444; /* rgba not supported (IE 8) */
    color: rgba(0, 0, 0, 0.80); /* rgba supported */
    *color: #444; /* IE 6 & 7 */
    border: 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px;
    /* Transitions */
    -webkit-transition: 0.1s linear -webkit-box-shadow;
    -moz-transition: 0.1s linear -moz-box-shadow;
    -ms-transition: 0.1s linear box-shadow;
    -o-transition: 0.1s linear box-shadow;
    transition: 0.1s linear box-shadow;
}

input[type='submit']:hover,
input[type='submit']:focus,
input[type='button']:hover,
input[type='button']:focus,
button[type='submit']:hover,
button[type='submit']:focus {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
    background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}

input[type='submit']:focus,
button[type='submit']:focus,
input[type='button']:focus {
    outline: 0;
}
input[type='submit']:active,
input[type='button']:active,
button[type='submit']:active {
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
}

/* Firefox: Get rid of the inner focus border */
input[type='submit']::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
button[type='submit']::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* Margin for inconsistent form elements in Administration and Search Forums blocks */
input[name="searchwikicontent"]+input[type="submit"],
select+input[type="submit"],
input[type="text"]+input[type="button"],
input[type="password"]+input[type="submit"],
input[type="text"]+button,
input[type="text"]+input[type="submit"] {
    margin: 0 0 10px 5px;
}

.path-mod-forum .forumheaderlist,
.path-mod-forum .forumheaderlist td {
    border: 0;
}

/* Admin color settings tab */
#admin-colors .color_settings h3 {
    cursor: pointer;
}

#admin-colors .color_settings h3.expanded:before {
    content: '';
    display: inline-block;
    background-image: url('[[pix:core|t/expanded]]');
    top: 0;
    width: 17px;
    height: 17px;
    background-position: 0 2px;
    margin-right: .25em;
}

#admin-colors .color_settings h3.collapsed:before {
    content: '';
    display: inline-block;
    background-image: url('[[pix:core|t/collapsed]]');
    top: 0;
    width: 17px;
    height: 17px;
    background-position: 0 2px;
    margin-right: .25em;
}

#admin-colors .color_settings .color-group {
    -webkit-backface-visibility: hidden;
}
